*{margin: 0;padding:0;font-family: "Microsoft yahei";color:#282828;}
html,body {height:100%;width:100%;}
ul {list-style: none}
.mainWrap {
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding-left:25%;
}
.mainWrap .left {
	height:100%;
	width:25%;
	background: #2C3E50;
	position: fixed;
	left:0;
	top:0;
}
.mainWrap .left .con {
	width:100%;
	height:100%;
	position: relative;
}
.mainWrap .left dl {
	width:50%;
	margin:150px auto;
}
.mainWrap .left dl dt {
	width:100%;
}
.mainWrap .left dl dt img {
	width:100%;
	border-radius: 50%;
	border:3px solid #a66;
}
.mainWrap .left dl dd {
	text-align: center;
}
.mainWrap .left dl .uname {
	color:#ffffff;
	font-size:24px;
	line-height: 40px;
}
.mainWrap .left dl .kouhao {
	color:#428bca;
	font-size:12px;
	line-height: 26px;
	text-align: left;
}
.mainWrap .left dl .contact {
	margin-top: 15px;
}
.mainWrap .left dl .contact a{
	display: inline-block;
	padding:3px 8px;
	border-radius: 3px;
	background: #fff;
	margin:0 5px;
	cursor: pointer;
}
.mainWrap .left dl .contact a:hover {
	background: #eee;
}
.mainWrap .left dl .contact a:hover .fa-qq {
	color: #23b8ff;
}
.mainWrap .left dl .contact a:hover .fa-envelope {
	color: #900;
}

.main {
	width:100%;
	height:100%;
	padding:10px 20px;
	box-sizing:border-box;
}
.main h1 {
	font-size:36px;
	border-bottom: 1px solid #add;
	line-height: 50px;
	font-weight: 500;
	font-family: 'Ubuntu', sans-serif;
	color: #e74c3c;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
    padding:10px 0;
}
.main h2 {
	font-size:18px;
	line-height: 40px;
	font-family: 'Ubuntu', sans-serif;
    color: #f2756a;
}
.main p,.main li {
	line-height: 30px;
}
